<template>
    <div>
        <div class="flex items-center pl-36px pt-26px pr-26px text-14px font-bold level-2-title">
            自由问题选择
        </div>
        <div class="pl-26px pr-26px pt-20px">
            <el-row :gutter="16">
                <el-col :span="8">
                    <div class="freedom-word">
                        <el-table :data="ruleForm.freedomWords" max-height="230" :scrollbar-always-on="true">
                            <el-table-column type="index" min-width="15%" label="序号" align="center"></el-table-column>
                            <el-table-column prop="Presets" label="自由问题设置" align="center" min-width="70%" />
                            <el-table-column label="操作" min-width="15%" align="center">
                                <template #default="scope">
                                    <el-checkbox v-model="scope.row.State" />
                                </template>
                            </el-table-column>
                        </el-table>
                    </div>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script setup lang="ts">
defineProps<{
    ruleForm: any
}>()

</script>

<style lang="scss" scoped>
.freedom-word{
    border:1px solid #eeeff4;
    border-radius: 3px;
    overflow: hidden;
    background-color:var(--mainBg);
    padding:0px 3px 3px 3px;
}
</style>